$(function(){
   //列表部分
   var aFinance_Li = $('.forms_list>li');
	var oSlide = $('.f_small_ico');
	var aShow_hide = $('.show_hide');
	
	//初始化状态
	var aSlide_h = [2,16,32,48,64,80,95];
	aShow_hide.eq(0).css({'display':'block'}).siblings().css({'display':'none'});
	$.each(aFinance_Li, function(index,value) {
		$(this).click(function(){
			$(this).addClass('detail_color').siblings().removeClass('detail_color');
			oSlide.css({"display":"block"}).animate({'top':aSlide_h[index]+'%'},300)
            aShow_hide.eq(index).css({'display':'block'}).siblings().css({'display':'none'});
            aSafe.eq(0).css({'display':'block'}).siblings().css({'display':'none'});   //为了使安全中心的子目录回到初始状态
//          点击按钮使咨询的子目录收起来
            oNews_ul.css({'display':'none'});
    		oNews_Img.attr('src','/static/img/down-0.png');
    		aNews_box.css({'display':'none'});

		})
	});

   var aPay_Btn = $('.pay_btn>li');
   var aPay_Div = $('.Pay_cut>div');
   //初始状态的设置
   aPay_Div.eq(0).css({'display':'block'}).siblings().css({'display':'none'});
   $.each(aPay_Btn, function(index,value) {
      $(this).click(function(){
         $(this).addClass('pay_list').siblings().removeClass('pay_list');
         aPay_Div.eq(index).css({'display':'block'}).siblings().css({'display':'none'});
      })
   });
   
   //提交至最终的转账界面
   var aFanal_btn = $('.flnal_sub');
   aFanal_btn.click(function(){
       aPay_Div.eq(3).css({'display':'block'}).siblings().css({'display':'none'});
   })
   
   
   // 安全问题部分切换
    var aSafe = $('.safe_show_hide');
    var btn_safe = $('.btn_safe');
//  初始化的设置
    aSafe.eq(0).css({'display':'block'}).siblings().css({'display':'none'});
    $.each(btn_safe, function(index,value) {
    	$(this).click(function(){
    		aSafe.eq(index+1).css({'display':'block'}).siblings().css({'display':'none'});
    	})
    });
 
 
   
// 咨询的展开和闭合
    var oNews_btn = $('.news_btn');
    var oNews_ul = $('.news>ul');
    var oNews_Img = $('.news>img');
    var oSlide_news = $('.news>ul>img');
    //  咨询分目录的设置
   var aNews_box = $('.news_box');
   var aNews_li = $('.news>ul>li');
   var num = 0;
//  初始状态的设置
    oNews_ul.css({'display':'none'});
    var oNews_toggle = $('.news_toggle');
    oNews_toggle.css({'display':'none'});
    //设定三角符号的展开
    oNews_btn.click(function(){
    	num++;
    	if(num%2){
    		aNews_box.eq(0).css({'display':'block'}).siblings().css({'display':'none'});
    		oNews_ul.css({'display':'block'});
    		oNews_Img.attr('src','/static/img/down-1.png');
    		aShow_hide.css({'display':'none'})
    		oNews_toggle.css({'display':'block'});
    		aFinance_Li.removeClass('detail_color');   //打的切换栏字体颜色取消
    		oSlide.css({'display':'none'});
    	}else{
    		oNews_ul.css({'display':'none'});
    		oNews_Img.attr('src','/static/img/down-0.png');
    		aNews_box.css({'display':'none'});
    	}
    })
    
    
    var arrNews_h = [10,41,72];
    //初始状态的设置
    aNews_box.eq(0).css({'display':'block'}).siblings().css({'display':'none'})
//  点击Li按钮，的所有状态显示
    $.each(aNews_li, function(index,value) {
    	$(this).click(function(){
    		$(this).addClass('detail_color').siblings().removeClass('detail_color');
    		oSlide_news.animate({'top':arrNews_h[index]+'%'},300);
    		aNews_box.eq(index).css({'display':'block'}).siblings().css({'display':'none'});
    	})
    });
    
    
    //点击文字展开效果
    var oP_one = $('.news_one');
    oP_one.each(function(){
    	var maxwidth = 60;//设置做多字数
    	var text = $(this).text();
    	if($(this).text().length>maxwidth){
    		$(this).text($(this).text().substring(0,maxwidth));
    		$(this).html($(this).html()+'...'+"<span class='click_open'>详情 >> </span>");
    	}
    	$(this).find('span').click(function(){
    		$(this).parent().text(text)  //需要把内容给其父元素，不然会重复
    	})
    })
    
     //点击文字展开效果
    var oP_one = $('.f_exp');
    oP_one.each(function(){
    	var maxwidth = 0;       //设置做多字数
    	var text = $(this).text();
    	if($(this).text().length>maxwidth){
    		$(this).text($(this).text().substring(0,maxwidth));
    		$(this).html($(this).html()+"<div class='P_open_position'><span class='click_open'>详情介绍 </span><br/><img src='/static/img/down_open.png'></img></div>");
    	}
    	$(this).find('div').click(function(){
    		$(this).parent().text(text)  //需要把内容给其父元素，不然会重复
    	})
    })
    
    

    
    
    
    	//通过地址栏传参的方式接受数据
	var list = window.location.search;
	if(list.indexOf('?')!=-1){
		var str = list.substr(6);
		var strs = str.split('&');
		
		function togele(){
			$(document).scrollTop(265);
			aNews_box.eq(0).css({'display':'block'}).siblings().css({'display':'none'});
    		oNews_ul.css({'display':'block'});
    		oNews_Img.attr('src','/static/img/down-1.png');
    		aShow_hide.css({'display':'none'})
    		oNews_toggle.css({'display':'block'});
    		aFinance_Li.removeClass('detail_color');   //打的切换栏字体颜色取消
    		oSlide.css({'display':'none'});
		}
		if(str=='1'){
			 togele()
		}
	}

   var oReflect_btn = $('.reflect_btn');
    var oReflect_out_box = $('.reflect_out_box');
    var oReflect_cacel = $('.person_cancel');
    oReflect_btn.click(function(){
      oReflect_out_box.show();
    })
    oReflect_cacel.click(function(){
      oReflect_out_box.hide();
    })

    
})
